.code-wrap {
  margin-bottom: 20px;
  .code-wrap-ui-content {
    padding: 20px 0;
  }
  .code-wrap-des-content {
    padding: 20px 0;
  }
  .code-wrap-code-button {
    border-top: 1px dashed #dcdee2;
    border-bottom: 1px solid #dcdee2;
    padding: 10px 0;
    margin-bottom: 10px;
    text-align: center;

    i {
      font-size: 20px;
      cursor: pointer;
      margin: 0 10px;
      transition: transform 0.2s ease-in-out;

      &:hover {
        color: #000;
        transform: scale(1.2);
      }
    }
  }
  .code-wrap-des-content-title {
    background-color: #ffffff;
    color: #000;
    padding: 0 10px;
    position: relative;
    font-size: 14px;
    & > span {
      position: relative;
      background-color: #ffffff;
      padding: 0 10px;
      i {
        margin-left: 5px;
      }
    }

    &::before {
      content: '';
      display: block;
      position: absolute;
      left: 0;
      top: 0;
      bottom: 0;
      margin: auto;
      height: 1px;
      width: 100%;
      background-color: #dcdee2;
    }
  }
  .copySvg {
    width: 20px;
    height: 20px;
    cursor: pointer;
    transition: all 0.24s;
    opacity: 0.55;
    &:hover {
      opacity: 1;
      transform: scale(1.2);
    }
  }
}
